*{margin:0;padding:0;}
body{font-family:'微软雅黑';font-size:14px;}
ul,ol{list-style:none;}
img{border:none;vertical-align:top;}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
.clearfix::after{content:'';display:block;height:0;clear:both;}
.fl{float:left;}
.fr{float:right;}				

/* 开始 */
/* header */
.header{height:75px;width: 100%;padding: 15px 0;}
.head{width:1200px;height:100%;margin:0 auto;}
.logo{width:143px;height: 66px;float: left;}
.navBox{width:610px;float: right;}
.navBox .tel{color:#7b7b7b;font-size:13px;line-height: 25px;text-align: right;}
.navBox .tel span,.navBox .tel a{margin-right:15px;}
.navBox .tel .tel-color{color: #429637;}
.myform{width:100px;height:23px;border:1px solid #7b7b7b;border-radius: 50px;padding:0 10px;float: right;line-height: 0;}
input{border:none;outline: none;background: transparent;line-height: 23px !important;width:80px;vertical-align: middle;}
.send{background:none;width:15px;height: 15px;background: url(../images/search-btn.png) no-repeat center center/100%;outline: none;border:none;vertical-align: middle;}
.nav{margin-top: 30px;font-size:14px;text-align: right;}
.nav a{padding:3px 15px;margin-left:10px;color:#666;}
.nav a.on{color:#fff;background: #009844;}
/* banner */
.banner{width:100%;overflow: hidden;position: relative;}
.banner ul{width:100%;}
.banner ul li{width:100% ;position:absolute;top:0;left:0;display: none;}
.banner ul li img{width:100%;}
.btn span{position: absolute;top:50%;height:67px;width: 45px;margin-top:-35px;cursor: pointer;}
#btn-left{left:30px;background:url(../images/left-btn.png)}
#btn-right{right:30px;background:url(../images/right-btn.png)}
/* new */
.main-new-box{width:100%;padding:50px 0;background:#f7f7f7;}
.main-new{width:1200px;margin:0 auto;}
.com-text{float: left;}
.com .com-img{vertical-align: middle;width:10px;height:20px}
.com span{margin-left:5px;vertical-align: middle;font-size:24px;}
.com span.com-en{color:#009844;}
.com-more{padding:3px 10px;background:#429637;float: right;color:#fff;font-size:16px;border-radius: 20px;}
.main-list{display: flex;justify-content: space-between;margin-top:20px;}
.main-list li{width:380px;background:#fff;box-shadow: 0px 10px 20px -10px #000;}
.main-list li img{width:100%;}
.m-l-item div{padding:12px 0 20px 15px;width:calc(100% - 15px)}
.m-l-item div span{font-size:12px;color:#ccc;}
.m-l-item div p{margin-top:15px;font-size:14px;color:#333;}
/* pro */
.main-pro{margin:70px auto 50px;width:1200px}
.m-p-box{margin-top:50px;}
.p-b-left{float: left;width:190px;}
.p-b-left li,.p-b-left ul > div{height:30px;line-height: 30px;color:#666;font-size:14px;border-bottom:1px solid #ccc;padding-right:10px;margin-top:15px;cursor: pointer;}
.span-l{font-family: '微软雅黑' !important;color:#429637 !important}
.p-b-left li span,.p-b-left ul > div span{font-family: '宋体';float: right;font-weight: bold;}
.p-b-left li.on{border-color:#429637;color:#429637;}
.pp{margin-top:70px;}
.pp a{padding:0 4px;vertical-align: middle;}
.p-b-right{float: right;-width:900px;position: relative;}
.p-b-right ul{top:0;left:0;display:none;}

@media screen and (min-width: 1201px) { 
.p-b-item{float:left;width:380px;height:auto;box-shadow: 0px 10px 20px -10px #000; margin-bottom:65px;}
/* .p-b-item:nth-child(1),.p-b-item:nth-child(2){ margin-bottom:10px;} */
.p-b-item{margin-left:30px;}
.p-b-item:nth-child(1),.p-b-item:nth-child(4){ margin-left:0px;}
.p-b-item img{width:100%;}
.p-b-item div{padding:10px 20px 10px 30px;width: calc( 100% - 50px );}
.p-b-item div span{float: left;}
.p-b-item div a{float: right;padding:3px 10px;border:1px solid #429637;color:#429637;font-size:12px;border-radius:20px;}
} 
@media screen and (max-width: 1200px) { 
.p-b-item{float:left;width:48% !important;height:auto;box-shadow: 0px 10px 20px -10px #000; margin:10px 1%; float:left !important;}
.p-b-item{}
.p-b-item img{width:100%;}
.p-b-item div{padding:10px 5px 10px 5px;width: calc( 100% - 10px ); text-align:center;}
.p-b-item div span{ width:100%; text-align:center; display:block; padding:5px 0; margin-bottom:10px;}

.p-b-item div a{padding:3px 10px;border:1px solid #429637;color:#429637;font-size:12px;border-radius:20px;}
} 
/* vr */
.main-vr{width:100%;padding:50px 0;background:#f7f7f7;}
.main-vr .main-box{width:1200px;margin:0 auto;}
.main-vr-box{margin:30px auto;width:1200px;}
.vr-left{width:870px;height:490px;float: left;position: relative;}
.vr-left .play{width:63px;height: 63px;position: absolute;top:50%;margin-top:-31px;left:50%;margin-left:-31px;}
.vr-left  img{width:100%;height:100%;}
.vr-right{width:100%;float: none;}

.vr-right ul{display:flex;}

.vr-right li{position:relative;flex:1;margin:0  10px}
.vr-right li a > img{width:100%;height:214px}
.vr-right li img{width:100%;}
/* .vr-right li:nth-child(2){margin:26px 0;} */
.vr-right li div{position:absolute;width:40px;height:40px;top:50%;margin-top:-20px;left:50%;margin-left:-20px;}
/* foot */
.footer-box{width:100%;padding:50px 0 25px 0;background:#429637;}
.footer{width:1200px;margin:0 auto;}
.footer ul{display:flex;}
.footer ul li{flex: 1;font-size:12px;padding:0 15px;color:#fafafa;}
.footer ul li h2{font-size:20px;color:#fff;margin-bottom:20px;padding-left:35px;}
.xydm{color:#fafafa;border-top:1px solid #a3baad;margin-top:15px;width:145px;padding-top:10px;}
.xydm p{margin-top:5px;}
.f-bor{border-left:1px solid #a3baad;}
.f-item2 .f-bor a{float:left;width:80px;text-align: center;margin:5px 0;}
.f-item3 .f-bor img{margin-left:30px}
.f-item4 .f-bor p{margin-top:7px;margin-left:20px;}
.f-item5 .f-bor{height:101px;padding-left:20px;}
.copyright{width:1200px;margin:0 auto;color:#fff;font-size:12px;text-align: center;margin-top:20px;padding-top:20px;border-top:1px solid #a3baad}
/* 关于 */
.smallnav{text-align: center;height:80px;line-height: 80px;font-size:16px;}
.smallnav a{margin:0  10px; padding-bottom:5px; }
.smallnav a.on{border-bottom:2px solid #009844;}
.about-banner img{width: 100%;}
.position-box{width:100%;height:75px;line-height: 75px;background: #429637;}
.position-box .position{width:1200px;margin:0 auto;color:#fff;}
.curname{float: left;font-size:26px;}
.curposition{float: right;font-size:12px;}
.about1{background:#f8f8f8;padding:80px 0;}
.about1-con{width:1200px;margin:0 auto;}
.about1-c-top-left{float: left;width:500px;}
.about1-c-top-right{float: right;width:calc( 700px - 120px );padding:60px;font-size:14px;color:#333;}
.about1-c-top-right p{margin-bottom:25px;}
.about1-c-top-right img{display: block;margin-top:150px;}
.about1-c-bot{width:100%;margin-top:30px;}
.about1-c-bot img{width:100%;}
.about-vr{width:1200px;margin:0 auto 40px;padding:10px 0 30px;box-shadow: 0px 10px 14px -10px #000;}
.about-vr h2{font-size:26px;text-align: center;margin:20px 0;}
.slideGroup{ width:100%; text-align:left;  }
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 35px; position:relative;   }
.tempWrap{width:1125px !important;}
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:65px; display:block; width:30px; height:94px;background:url(../images/index_51.jpg) center center no-repeat; }
.slideGroup .sNext{ left:auto; right:5px; background:url(../images/index_53.jpg) center center no-repeat;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width:375px !important;height:230px !important;  }
.slideGroup .parBd ul li .pic{ text-align:center; overflow: hidden;}
.slideGroup .parBd ul li .pic img{  display:block;  padding:2px;width:375px !important;height:200px !important;transition: .5s}
.slideGroup .parBd ul li .pic img:hover{transform: scale(1.2,1.2)}
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;font-size:13px; }
.slideGroup .parBd ul li{position: relative;}
.slideBox .play{width:48px;height:34px;position: absolute;top:50%;margin-top:-17px;left:50%;margin-left:-24px;z-index: 999;}
.slideBox .play img{width:100%;}
.vr-wap{display: none;}
.about-join-box{width:100%;background:#f8f8f8;padding:60px 0;}
.about-join{width:1200px;margin:0 auto;}
.join-left{float: left;width:507px;height:428px;position: relative;}
.join-left > img{width:100%;height:100%;}
.join-right{float: right;padding:160px 100px 0 60px;width:calc( 690px - 160px );}
.join-right p{color:#666;line-height: 22px;margin-bottom:100px;}
.join-right-more{color:#429637;}
.join-absolute{padding:20px 0 0 40px;position: absolute;top:20px;right:-170px;width:155px;height:80px;background:#429637;color:#fff;font-size:24px;}
.join-absolute span{vertical-align: middle;}
.join-absolute img{vertical-align: middle;margin-left:10px;}
/* prolist */
.pro-main{padding:50px 0 60px;background:#f8f8f8;}
.pro-box{width:1200px;margin:0 auto 30px;}
.pro-left{float: left;width:260px;}
.pro-right{float: right;width:883px;}
.pro-left h2{font-size:24px;margin-bottom:10px;}
.pro-left .pro-menu{width:100%;}
.pro-menu > li{height:45px;color:#666;font-size:14px;border-bottom:1px solid #ccc;line-height: 45px;overflow: hidden;cursor:pointer;border-top:2px solid transparent}
.pro-menu > li.on{color:#009844;border-top:2px solid #009844;height: auto;}
.pro-menu1{padding:5px 10px 5px 10px;color: #777;/* border-top:1px solid #bbb; */}
.pro-menu1 li{line-height: 25px;font-size:12px;}
.pro-menu1 li.on{color:#009844;}
.pro-h{width: calc(100% - 40px);height:220px;padding:100px 0 0 40px;}
.pro-posi{line-height: 40px;text-align:right;color:#333;font-size:12px;}
.pro-h h2{font-size: 24px;color:#009844;}
.pro-h p{margin-top:20px;width:450px;color:#666;font-size:12px;line-height: 24px;;}
.pro-list{margin-top:40px;width:100%;}
.pro-list ul{margin-left:-12px}
.pro-list .pro-item{float:left;width:285px;box-shadow: 0 10px 10px -10px #000;background:#fff;margin:5px 0 5px 12px}
.pro-list .pro-item img{width:100%;height:100%;}
.pro-list .pro-item .item-name{padding:15px 0 15px 10px;}
.pro-list .pro-item .item-name p{color:#333;font-size:14px;}
.pro-list .pro-item .item-name a{color:#009844;font-size:12px;display: inline-block;padding:2px 5px;border:1px solid #009844;border-radius: 20px;margin-top:10px;}
/* 产品详情 */
.pro-arc-main{background:#f8f8f8;padding:30px 0;}
.pro-arc-box{width:1200px;margin:0 auto}
.pro-arc-name{margin:20px 0;text-align: center;font-size:22px;}
.pro-arc-img{width:100%;}
.pro-arc-con{padding:30px;background:#fff;}
.pro-arc-con .pro1 .cat{width:80px;padding-bottom:10px;border-bottom:2px solid #009844;font-size:18px;font-weight:bold}
.cat-arc{margin:20px;}
/* 文章详情 */
.news-arc{padding:50px;width:1100px;margin:0 auto}
.news-arc > h2{color:#333;font-size:18px;text-align: center;}
.news-arc > p{font-size:12px;color:#ccc;text-align: center;margin:10px 0 30px 0;}
.news-arc > div{}

/* 分页 */
.listPage{MARGIN: 0px auto 0px; WIDTH: 100%; PADDING: 20px 0px; TEXT-ALIGN: center}
.listPage li{display: inline-block; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}
.listPage li.thisclass{background-color: #429637; border-color: #429637; color: #fff;}
.listPage li.thisclass a{color:#fff;}


/* 2018/08/15首页修改 */
.rightvideo {width: 258px;}
.rightvideo li{
    list-style: none;
    width: 100%;
    height: 136px;
    margin-bottom: 42px;
    position: relative;
}
.rightvideo li:last-child{
    margin-bottom: 0;
}
.rightvideo li .smallpic{
    position: absolute;
    top: 45%;
    left: 40%;
}
.morepro{
    margin-top: 67px;
}
.morepro div{
    margin: 0 auto;
    text-align: center;
    width: 124px;
    height: 40px;
    background: #009844;
    line-height: 40px;
    border-radius: 20px;
}
.morepro div a{
    color: #fff;
}
@media screen and (max-width: 1200px) { 
    .leftvideo{float: none;}
    .leftvideo video{width: 100%;height: auto;}
    .rightvideo{float: none;width: 100%;}
    .rightvideo li{width: 100%;height: auto;margin-top: 20px;margin-bottom: 0;}
    .rightvideo li a .videopic{width: 100%;}
    .rightvideo li .smallpic{left: 43%;}
    .morepro{display: none;}
}